<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>Welcome to Pwnography!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css"
	href="../../../css/bootstrap.min.css"
	th:href="@{/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	href="../../../css/bootstrap-responsive.min.css"
	th:href="@{/css/bootstrap-responsive.min.css}" />
<!-- DataTable CSS -->
<link rel="stylesheet" type="text/css"
	href="../../../css/datatable-bootstrap.css"
	th:href="@{/css/datatable-bootstrap.css}" />

<!-- This style is needed for top navigation bar. It needs some space. Otherwise it would cover body. -->
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}
</style>
</head>

<body>
	<!-- TOP MENU -->
	<div th:substituteby="template :: top-menu"></div>
	<!-- /TOP MENU -->


	<!-- MAIN CONTAINER -->
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="page-header span7">
				<h1>
					Dane pliku <span th:text="${#objects.nullSafe(fileName, 'BRAK')}">BRAK</span>
					rewizji <span th:text="${#objects.nullSafe(revisionId, 'BRAK')}">BRAK</span>
				</h1>
			</div>

			<div class="span5" th:if="${form}">
				<form class="form-horizontal" th:object="${form}" method="POST">
					<select id="columns" class="span5" th:field="*{columns}"
						multiple="multiple">
						<option th:each="col : ${columnList}" th:value="${col}"
							th:text="${col}">Kolumna</option>
					</select>


					<button class="btn" type="submit">
						<i class="icon-ok icon-white"></i> Wybierz kolumny
					</button>
				</form>
			</div>
		</div>

		<!-- MESSAGE BOXES -->
		<div class="row-fluid" th:include="template :: message-boxes"></div>
		<!-- /MESSAGE BOXES -->

		<!-- DATA BOX -->
		<div class="row-fluid" th:fragment="data-box">
			<table id="dataTable" class="table" th:if="${dataArray}">
				<thead>
					<tr>
						<th th:each="header : ${dataArray[0]}" th:text="${header}">Nagłówek</th>
					</tr>
				</thead>
				<tbody>
					<tr th:each="row : ${dataArray}" th:unless="${rowStat.first}">
						<td th:each="col : ${row}" th:text="${col}">Dane</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- /DATA BOX -->
	</div>
	<!-- /MAIN CONTAINER -->

	<!-- ======================================================== -->
	<!-- Scripts at bottom of page means faster loading times. -->
	<!-- Latest jQuery -->
	<script type="text/javascript"
		src="http://code.jquery.com/jquery-latest.min.js"></script>
	<!-- Bootstrap -->
	<script type="text/javascript" src="../../js/bootstrap.min.js"
		th:src="@{/js/bootstrap.min.js}"></script>
	<!-- DataTable -->
	<script type="text/javascript" src="../../js/jquery.dataTables.min.js"
		th:src="@{/js/jquery.dataTables.min.js}"></script>
	<script type="text/javascript" src="../../js/datatable-bootstrap.js"
		th:src="@{/js/datatable-bootstrap.js}"></script>
</body>
</html>